<!doctype html>
<html lang="en">

<div id="container">
	<div style="font-size: 30px;" id="addBtn">+</div>
</div>
<!-- <script type="text/javascript" src="http://api4-dev.ninebot.cn/Public/Feedback/js/moxie.js"></script>
<script type="text/javascript" src="http://api4-dev.ninebot.cn/Public/Feedback/js/plupload.min.js"></script>
<script type="text/javascript" src="http://api4-dev.ninebot.cn/Public/Feedback/js/qiniu.min.js"></script> -->

<script type="text/javascript" src="moxie.js"></script>
<script type="text/javascript" src="plupload.dev.js"></script>
<!-- <script type="text/javascript" src="plupload.full.min.js"></script> -->
<script type="text/javascript" src="qiniu.our.js"></script>

<script type="text/javascript">
//引入Plupload 、qiniu.js后
// var uploader = Qiniu.uploader({
//     runtimes: 'html5,html4',    //上传模式,依次退化
//     browse_button: 'addBtn',       //上传选择的点选按钮，**必需**
//     // uptoken_url: 'http://127.0.0.1:19110/uptoken', //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
//     uptoken : 'mMw3xgtAyx-soED3svHa8CAIjFQczGC7rpWY9YTM:bA2I1_Da30CLYoaJ5TI2_RL4L04=:eyJkZWxldGVBZnRlckRheXMiOjcsInNjb3BlIjoiaW1hZ2VzIiwiZGVhZGxpbmUiOjE1MDM5OTYwNzR9', //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成
//     // unique_names: true, // 默认 false，key为文件名。若开启该选项，SDK为自动生成上传成功后的key（文件名）。
//     // save_key: true,   // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`，则开启，SDK会忽略对key的处理
//     domain: 'http://app-image-cdn.ninebot.cn/',   //bucket 域名，下载资源时用到，**必需**
//     get_new_uptoken: false,  //设置上传文件的时候是否每次都重新获取新的token
//     container: 'container',           //上传区域DOM ID，默认是browser_button的父元素，
//     max_file_size: '100mb',           //最大文件体积限制
//     // flash_swf_url: 'js/plupload/Moxie.swf',  //引入flash,相对路径
//     max_retries: 3,                   //上传失败最大重试次数
//     dragdrop: true,                   //开启可拖曳上传
//     drop_element: 'container',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
//     chunk_size: '4mb',                //分块上传时，每片的体积
//     auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
//     init: {
//         'FilesAdded': function(up, files) {
//             plupload.each(files, function(file) {
//                 // 文件添加进队列后,处理相关的事情
//             });
//         },
//         'BeforeUpload': function(up, file) {
//                // 每个文件上传前,处理相关的事情
//         },
//         'UploadProgress': function(up, file) {
//                // 每个文件上传时,处理相关的事情
//         },
//         'FileUploaded': function(up, file, info) {
//                // 每个文件上传成功后,处理相关的事情
//                // 其中 info.response 是文件上传成功后，服务端返回的json，形式如
//                // {
//                //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
//                //    "key": "gogopher.jpg"
//                //  }
//                // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html

//                var domain = up.getOption('domain');
//                var res = JSON.parse(info.response);
//                console.log(res);
//                var sourceLink = domain + res.key; //获取上传成功后的文件的Url
//                console.log(sourceLink);
//         },
//         'Error': function(up, err, errTip) {
//         		console.log(up, err, errTip);
//                //上传出错时,处理相关的事情
//         },
//         'UploadComplete': function() {
//                //队列文件处理完毕后,处理相关的事情
//         },
//         'Key': function(up, file) {
//             // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
//             // 该配置必须要在 unique_names: false , save_key: false 时才生效

//             var key = "";
//             // do something with key here
//             return key
//         }
//     }
// });

// // domain 为七牛空间（bucket)对应的域名，选择某个空间后，可通过"空间设置->基本设置->域名设置"查看获取

// // uploader 为一个plupload对象，继承了所有plupload的方法，参考http://plupload.com/docs
var uploader = Qiniu.uploader({
    disable_statistics_report: false,
    runtimes: 'html5,flash,html4',
    browse_button: 'addBtn',
    container: 'container',
    drop_element: 'container',
    max_file_size: '1000mb',
    flash_swf_url: 'bower_components/plupload/js/Moxie.swf',
    dragdrop: true,
    chunk_size: '4mb',
    multi_selection: !(moxie.core.utils.Env.OS.toLowerCase() === "ios"),
    uptoken: 'mMw3xgtAyx-soED3svHa8CAIjFQczGC7rpWY9YTM:bA2I1_Da30CLYoaJ5TI2_RL4L04=:eyJkZWxldGVBZnRlckRheXMiOjcsInNjb3BlIjoiaW1hZ2VzIiwiZGVhZGxpbmUiOjE1MDM5OTYwNzR9',
    // uptoken_func: function(){
    //     var ajax = new XMLHttpRequest();
    //     ajax.open('GET', $('#uptoken_url').val(), false);
    //     ajax.setRequestHeader("If-Modified-Since", "0");
    //     ajax.send();
    //     if (ajax.status === 200) {
    //         var res = JSON.parse(ajax.responseText);
    //         console.log('custom uptoken_func:' + res.uptoken);
    //         return res.uptoken;
    //     } else {
    //         console.log('custom uptoken_func err');
    //         return '';
    //     }
    // },
    domain: 'http://app-image-cdn.ninebot.cn/',
    get_new_uptoken: false,
    //downtoken_url: '/downtoken',
    // unique_names: true,
    // save_key: true,
    // x_vars: {
    //     'id': '1234',
    //     'time': function(up, file) {
    //         var time = (new Date()).getTime();
    //         // do something with 'time'
    //         return time;
    //     },
    // },
    auto_start: true,
    log_level: 5,
    init: {
      'BeforeChunkUpload': function(up, file) {
        console.log("before chunk upload:", file.name);
      },
      'FilesAdded': function(up, files) {
        
      },
      'BeforeUpload': function(up, file) {
        console.log("this is a beforeupload function from init");
        
      },
      'UploadProgress': function(up, file) {
        
      },
      'UploadComplete': function() {
       
      },
      'FileUploaded': function(up, file, info) {
        
      },
      'Error': function(up, err, errTip) {
          console.log(up, err, errTip);
          
        }
        // ,
        // 'Key': function(up, file) {
        //     var key = "";
        //     // do something with key
        //     return key
        // }
    }
  });
</script>